/*
 *  atBudget Personal Finance Management application
 *
 *  Copyright 2011, Ilia Frenkel <frenkel.ilia@gmail.com>
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/**
	Center region of the main viewport.
 */
Ext.define('ATB.view.main.Center', {
    extend: 'Ext.tab.Panel',
    alias : 'widget.maincenter',
	border: false,
	margins: '0 5 0 5',
	layout: 'fit',
	border: 0,
	plain: true,
	//minTabWidth: 100,
	activeTab: 1,
	tabPosition: 'top',
	cls: 'atb-content-panel',
	items: [{
		title: 'Summary',
		html: '<div style="text-align:center;font-size:120%;color:#999999;'+
			'padding:20px 0">Not implemented yet.</div>'
	}, {
		layout: {
			type: 'hbox',
			align: 'stretch'
		},
		border: false,
		title: 'Accounts',
		items: [{
			xtype: 'accountsimplelist',
			width: 150,
			bodyStyle: 'border-width: 0px 0px 1px 1px;',
			collapseDirection: 'left',
			collapsible: true,
			hideCollapseTool: false,
			titleCollapse: true,
			preventHeader: true,
			flex: 0
		},{
			xtype: 'splitter',
			style: {
				backgroundColor: '#ffffff',
				borderBottom: 'solid 1px #d0d0d0'
			},
			collapseTarget: 'prev',
			collapseOnDblClick: true
		}, {
			xtype: 'transactionlist',
			preventHeader: true,
			bodyStyle: 'border-width: 0px 1px 1px 1px;',
			flex: 2
		}]
	}, {
		layout: {
			type: 'hbox',
			align: 'stretch'
		},
		border: 0,
		title: 'Reports',
		items: [{
			html: '<div style="text-align:center;font-size:120%;color:#999999;'+
				'padding:20px 0">Not implemented yet.</div>',
			width: 200,
			bodyStyle: 'border-width: 0px 0px 1px 1px',
			collapseDirection: 'left',
			collapsible: true,
			hideCollapseTool: true,
			preventHeader: true,
			flex: 0
		},{
			xtype: 'splitter',
			style: {
				backgroundColor: '#ffffff',
				borderLeft: 'solid 1px #efefef',
				borderRight: 'solid 1px #efefef',
				borderTop: 'none',
				borderBottom: 'solid 1px #cccccc'
			},
			collapseTarget: 'prev'
		}, {
			preventHeader: true,
			bodyStyle: 'border-width: 0px 1px 1px 0px',
			flex: 2,
			html: '<div style="text-align:center;font-size:120%;color:#999999;'+
				'padding:20px 0">Not implemented yet.</div>'
		}]
	}, {
		layout: {
			type: 'hbox',
			align: 'stretch'
		},
		border: 0,
		title: 'Budget',
		items: [{
			html: '<div style="text-align:center;font-size:120%;color:#999999;'+
			'padding:20px 0">Not implemented yet.</div>',
			width: 200,
			bodyStyle: 'border-width: 0px 0px 1px 1px',
			collapseDirection: 'left',
			collapsible: true,
			hideCollapseTool: true,
			preventHeader: true,
			flex: 0
		},{
			xtype: 'splitter',
			style: {
				backgroundColor: '#ffffff',
				borderLeft: 'solid 1px #efefef',
				borderRight: 'solid 1px #efefef',
				borderTop: 'none',
				borderBottom: 'solid 1px #cccccc'
			},
			collapseTarget: 'prev'
		}, {
			preventHeader: true,
			bodyStyle: 'border-width: 0px 1px 1px 0px',
			flex: 2,
			html: '<div style="text-align:center;font-size:120%;color:#999999;'+
				'padding:20px 0">Not implemented yet.</div>'
		}]
	}, {
		title: 'Recurring Transactions',
		html: '<div style="text-align:center;font-size:120%;color:#999999;'+
		'padding:20px 0">Not implemented yet.</div>'
	}],

	initComponent: function() {
        this.callParent(arguments);
	}
});